@charset "utf-8";
/*默认
------------------------------------------------------*/
body{font-family: "微软雅黑";font-size: 12px;text-decoration: none;color: #5d5d5d;background: #fff;width: 100%}
a{text-decoration: none; color: #333}
a:hover{color: #2534fa}
/*容器*/
.wrapper{display: block; width: 100%;position: relative;min-width: 1200px; margin: 0 auto}
.w1200{width: 1200px;display: block;margin: 0 auto}
.w500{width: 500px}
.w350{width: 350px;}
.w250{width: 250px;}
.w150{width: 150px;}
.w100{width: 100px;}
.w850{width: 850px;}
.w830{width: 830px;}

/*背景颜色*/

/*字体颜色*/
.font-danger{color: #c9302c}
.font-warming{color: #ec971f}
.font-primary{color: #286090}
.font-success{color:#449d44 }
.font-info{color:#5bc0de}
.font-orange{color: #f60}
.font-black{color: #000}
.font-96{color: #969696}
/*边框*/
.bor{border: 1px solid #ddd}
.bor-t1{border-top: 1px solid #ddd}
.bor-r1{border-right: 1px solid #ddd}
.bor-b1{border-bottom: 1px solid #ddd}
.bor-l1{border-left: 1px solid #ddd}


/*浮动*/
.fl{float: left;}
.fr{float: right}
.clear{clear:both;height:0;overflow:hidden;}

/*外边距设置*/

/*5px*/
.mar5{margin: 5px;}
.mar-t5{margin-top: 5px;}
.mar-r5{margin-right: 5px;}
.mar-b5{margin-bottom: 5px;}
.mar-l5{margin-left: 5px;}

/*10px*/
.mar10{margin: 10px;}
.mar-t10{margin-top: 10px;}
.mar-r10{margin-right: 10px;}
.mar-b10{margin-bottom: 10px;}
.mar-l10{margin-left: 10px;}

/*15px*/
.mar15{margin: 15px;}
.mar-t15{margin-top: 15px;}
.mar-r15{margin-right: 15px;}
.mar-b15{margin-bottom: 15px;}
.mar-l15{margin-left: 15px;}
.mar-r20{margin-right: 20px;}
.mar-b20{margin-bottom: 20px;}
.mar-t20{margin-top: 20px;}
/*内边距*/
/*5px*/
.padd5{padding: 5px;}
.padd-t5{padding-top: 5px;}
.padd-r5{padding-right: 5px;}
.padd-b5{padding-bottom: 5px;}
.padd-l5{padding-left: 5px;}

/*10px*/
.padd10{padding: 10px;}
.padd-t10{padding-top: 10px;}
.padd-r10{padding-right: 10px;}
.padd-b10{padding-bottom: 10px;}
.padd-l10{padding-left: 10px;}

/*10px*/
.padd15{padding: 15px;}
.padd-t15{padding-top: 15px;}
.padd-r15{padding-right: 15px;}
.padd-b15{padding-bottom: 15px;}
.padd-l15{padding-left: 15px;}

.padd20{padding: 20px;}
.padd-b20{padding-bottom: 20px;}
.padd30{padding: 30px;}
.padd-t50{padding-top: 50px}
/*定位*/
.fixed{position: fixed; _position: absolute;}
.abso{position: absolute;}
.rela{position: relative;}

/*按钮*/

.but{display: inline-block;padding: 8px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.but-dafult{color: #333;background-color: #fff;border-color: #ccc;}
.but-dafult:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
.but-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.but-default:active{color:#333;background-color:#e6e6e6;border-color:#adadad}

.but-danger{background-color: #d9534f; color: #fff;border-color:#d43f3a}
.but-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}
.but-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}
.but-danger:active{color:#fff;background-color:#c9302c;border-color:#ac2925}

.but-warning{background-color: #f0ad4e;color:#ec971f;border-color:#eea236}
.but-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}
.but-warning:active{color:#333;background-color:#e6e6e6;border-color:#adadad}

.but-primary{background-color: #337ab7; color: #fff;border-color:#2e6da4 }
.but-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}
.but-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}
.but-primary:active{color:#333;background-color:#e6e6e6;border-color:#adadad}

.but-success{background-color:#5cb85c ; color: #fff;border-color:#4cae4c }
.but-success:focus{color:#fff;background-color:#449d44;border-color:#255625}
.but-success:hover{color:#fff;background-color:#449d44;border-color:#398439}
.but-success:active{color:#fff;background-color:#449d44;border-color:#398439}

.but-info{background-color:#5bc0de; color: #fff;border-color:#46b8da }
.but-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}
.but-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}
.but-info:active{color:#fff;background-color:#31b0d5;border-color:#269abc}

.but-orange{background-color:#f60 ; color: #fff;border-color:#f60 }
.but-orange:focus{color:#fff;background-color:#f70;border-color:#f60}
.but-orange:hover{color:#fff;background-color:#f70;border-color:#f60}
.but-orange:active{color:#fff;background-color:#f70;border-color:#f60}

.borHi{background: #e8e8e8;border: 1px solid #ababab; padding: 0px 10px; font-size: 12px; height: 24px;line-height: 24px;display: inline-block; border-radius: 4px}
.borHi:hover{background: #ff9100; color: #fff;border-color: #ff9100}

.bgfff{background: #fff}
.bgorange{background:#f60 ;color: #fff}
.bginfo{background:#31b0d5;color: #fff}
.bgprimary{background:#286090;color: #fff}
.bgsuccess{background:#449d44;color: #fff}
.bgwarning{background:#ec971f;color: #fff}
.bgdefault{background:#e6e6e6}
.bgc3{background: #3c3c3c}
.bgf0{background: #f0f0f0}
.bg5a{background: #5a5a5a}
.bgf2{background: #f2f2f2}